草庐IT

Highcharts 区域图

全部标签

javascript - Highcharts 中 yAxis 类别的十进制值

我需要我的yAxis类别为0=“差”、0.25=“低于平均水平”、0.75=“平均水平”1="好"我正确设置了类别,但Highcharts似乎将我绘制的每个点解释为等于y轴上的“1”步。参见http://jsfiddle.net/54cFG/理想情况下,该图表应始终在y轴上显示4个标签,并且标绘点应在“低于平均水平”和“平均水平”处对齐。是否有我缺少的设置?我想我在http://www.highcharts.com/ref/几乎尝试了一切 最佳答案 您始终可以使用绘图带在Y轴上显示类别。这样你仍然可以保留实际值。我已经用你的代码证明

javascript - 使用 highcharts 在堆栈标签中显示特定系列值

这是我正在使用的:http://jsfiddle.net/josip0423/prJjY/171/在过去的几个小时里,我一直在努力解决这个问题,但一无所获。我是javascript的新手,今天才发现highcharts。默认情况下,堆栈标签显示两个系列的总数(this.total)。我想要做的是显示其中一个系列的百分比(“完整”系列的值/this.total*100)。我不知道如何提取“完整”系列的值。yAxis:{stackLabels:{style:{color:'black'},enabled:true,formatter:function(){**returnthis.tota

javascript - 类似风险(基于区域)的 map 和 HTML/JavaScript

假设我们有一个类似Risk的世界地图,它被划分为自定义形状的区域。如何让用户使用HTML5/JavaScript选择一个单独的区域?我假设Canvas2D是第一步,但接下来呢? 最佳答案 有无数伟大的图书馆。举几个例子:http://d3js.org/http://raphaeljs.com/http://paperjs.org/http://box2d-js.sourceforge.net/http://threejs.org/具体例子:http://bl.ocks.org/mbostock/2206590http://rapha

javascript - HighCharts:仅在系列重叠时使用共享工具提示

在下面的HighCharts示例中,系列A和B具有相同的数据。只有B的线在图表绘图区域中可见,因为它直接绘制在A上。终端用户不可能知道A在B后面。我们可以在配置对象中设置tooltip.shared=true以在悬停在任何系列上时显示给定x轴点的所有数据值。但是,在我的真实示例中,我在图表上绘制了多达50个系列,这是不合适的。是否可以保持tooltip.shared=false的行为,但是当用户将鼠标悬停在与一个或多个系列重叠的系列上时,显示所有(且仅)工具提示中的重叠系列值?或者是否有任何其他用户友好的方式来指示在给定的x值处有2个以上相同的y值?http://jsfiddle.ne

javascript - 如何在鼠标悬停时获取 highcharts 图形点的值?

我正在使用以下逻辑创建一个highcharts图表系列:this.series=[];for(variinheaderData){varheader=headerData[i];this.series.push({name:header.name,data:[],yAxis:parseInt(header.axis),id:header.id,type:'column',zIndex:1,events:{mouseOver:function(e){console.log('Point:',e.point);}}});}我read该点是事件e的属性,但在我的例子中e.point是unde

javascript - Highcharts 绘制列高度的倒数

我正在尝试绘制一个分类的多轴排名柱形图。排名第一的应该是最高的列,最低的排名应该是最短的。基本上我希望条形的高度是倒数。非常接近:varplayer_name_array=["AaronRodgers","AndrewLuck","DrewBrees","RussellWilson","PeytonManning","RyanTannehill","TonyRomo","MattRyan","CamNewton","BenRoethlisberger","EliManning","PhilipRivers","ColinKaepernick","TeddyBridgewater","M

javascript - 在 Highcharts 的图表中只添加一个可点击的点?

我看过Highcharts的文档,但找不到任何仅向图表添加一个可点击点的示例。没有意义或所有这些都是可点击的。是否可以只绑定(bind)一点点击?提前致谢! 最佳答案 这不是很明显。您知道可以将数据作为Point对象数组传递给图表,如下所示:series:[{data:[{name:'Point1',x:0,y:1},{name:'Point2',x:1,y:5}]}]但是你可能不知道任何Point都可以有自己的事件。所以你可以这样做:series:[{data:[{name:'Point1',x:0,y:1,events:{cli

javascript - 在鼠标悬停的 SVG 路径周围添加区域

有没有办法在svg生成的图形中的直线路径上添加区域?我希望用户能够将鼠标悬停在附近上,而不仅仅是悬停在折线图上的一条线上,并在鼠标悬停后发生一些事情。目前,使用我的代码,您必须将鼠标悬停在实际的行上。但是我想在该行周围设置一个区域。(给路径加padding好像不行) 最佳答案 我的方法是在第一个上绘制第二个路径,它使用相同的数据和线条功能,但它是透明的并且具有更大的stroke-width。然后将mouseover和mouseout监听器附加到fatter行。在这里fiddle:http://jsfiddle.net/henbox/

javascript - Highcharts:动态更改工具提示格式化程序?

我想根据全局值格式化可重用的Highcharts工具提示。(我使用同一个图表在货币和数值之间切换:如果我在图表上显示货币数据,我想将工具提示格式化为货币。)但是,Highchartstooltip函数中的this好像只引用本地数据点,我好像不能传值进去。如何传入一个值或获取一个全局值?这是我现在的代码,非常失败:getChartTooltip:function(){returnfunction(graphType){varprefix=(graphType==='currency')?'$':'';//Failsreturnprefix+Highcharts.numberFormat(

javascript - javascript 的区域代码折叠

我一直在寻找一种方法来折叠我在Atom中的JavaScript代码使用类似C#区域的东西:#region:hey//somecoolcodehere#endregion我找不到这样的包。我知道您可以按CTRL+Alt+F并折叠所选的任何代码。但我想命名区域。所以真正的问题是,有人知道我如何在Atom中执行此操作吗?谢谢! 最佳答案 我一直在寻找同样的东西,我找到了包裹custom-folds.默认情况下,它会折叠//之间的代码和//但您可以将其自定义为//region和//endregion(注意//和region之间的空格。该包正